<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>慕慕手记首页</title>
    <!-- 初始化样式 -->
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/index.css">
</head>
<body>
    <div class="header">
        <div class="header-container clearfix">
            <div class="header-left fl">
                <span><a href="">慕课网首页</a></span>
                <span><a href="">免费课</a></span>
                <span><a href="">实战课</a></span>
                <span>
                    <a href="">体系课</a>
                    <img src="images/new.png" alt="">
                </span>
                <span><a href="">慕课教程</a></span>
                <span><a href="">专栏</a></span>
                <span><a href="">手记</a></span>
                <span>
                    <a href="">企业服务</a>
                    <img src="images/new.png" alt="">
                </span>
            </div>
            <div class="header-right fr">
                <span>
                    <i class="iconfont">&#xe60d;</i>
                </span>
                <span>
                    <i class="iconfont">&#xe73c;</i>
                </span>
                <span class="login">
                    <span><a href="">登录</a></span>
                    <span>/</span>
                    <span><a href="">注册</a></span>
                </span>

            </div>
        </div>
    </div>
    {% block content %}
    {% endblock %}
</body>
</html>